<!doctype html>
<html>
	<head>
		<title>工器具列表</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
		<link rel="stylesheet" href="../css/bootstrap/bootstrap-table.min.css"/>
		<link rel="stylesheet" href="../css/wareHouse/wareHouse.css"/>
	</head>
	<body>
	<div class="container-fluid">
		<div class="container search">
			<div class="form-group">
				<button type="button" class="btn btn-info" data-toggle="modal" data-target="#exampleModal">
					新增仓库
				</button>
			  </div>
		</div>
		<div class="table-responsive">
			<table id="tab" data-side-pagination="client" data-pagination="true" data-page-list="[10, 100, 500, ALL]" data-show-columns="true"></table>
		</div>
	</div>
	<!-- 新增 -->	
	<!-- Modal -->
	<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h5 class="modal-title" id="exampleModalLabel">新建仓库</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          <span aria-hidden="true">&times;</span>
	        </button>
	      </div>
	      <div class="modal-body">
			  <form>
			    <div class="form-group row">
			      <label for="seris" class="col-sm-2 col-form-label">仓库名</label>
			      <div class="col-sm-10">
			        <input type="text" class="form-control" id="wareHouse">
			      </div>
			    </div>
			    <div class="form-group row">
			      <label for="applName" class="col-sm-2 col-form-label">地址</label>
			      <div class="col-sm-10">
			        <input type="text" class="form-control" id="wareAdress">
			      </div>
			    </div>
				<div class="form-group row">
				  <label for="applName" class="col-sm-2 col-form-label">面积</label>
				  <div class="col-sm-10">
				    <input type="text" class="form-control" id="area">
				  </div>
				</div>
			  </form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="wareAdd btn btn-primary">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
	<script src="../js/bootstrap/bootstrap-table.js" type="text/javascript"></script>
	<script src="../js/bootstrap/bootstrap-table-zh-CN.js" type="text/javascript"></script>
	<script  src="../js/database.js" type="text/javascript"></script>
	<script src="../js/wareHouse/wareHouse.js" type="text/javascript"></script>
</body>
</html>